@charset "utf-8";
$width:640px;
$height:1136px;
@function w($w){
    @return $w/$width*100%;
}
@function h($h){
    @return $h/$height*100%;
}
.page-1{
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../images/bg-2.png) no-repeat;
    background-size: contain;
    .img-kugou{
        width:w(103px);
        position: absolute;
        left: w(44px);
        top:  h(44px);
    }
     .img-yun1{
        width:w(78px);
        position: absolute;
        left: w(41px);
        top: h(403px);
    }
    .img-yun2{
        width:w(55px);
        position: absolute;
        left: w(524px);
        top: h(435px);
    }
    .img-yun3{
        width:w(55px);
        position: absolute;
        left: w(459px);
        top: h(542px);
    }
    .img-yun4{
        width:w(37px);
        position: absolute;
        left: w(474px);
        top: h(633px);
    }
    .img-yun5{
        width:w(55px);
        position: absolute;
        left: w(533px);
        top: h(610px);
    }
    .chuang{
        width: w(520px);
        position: absolute;
        top: h(150px);
        left: 50%;
        transform: translateX(-50%);
    }
    .jieguo{
        position: absolute;
        top: h(150px);
        width: 100%;
        text-align: center;
        h2{
            color: #b8bf00;
            font-size: 24px;
            padding-top: h(79px);
        }
        p{
            padding-top: h(46px);
            line-height: 43px;
            color: #ffffff;
            font-size: 18px;
            a{
                color: #36ff00;
            }
        }
    }
    .fenxiang{
        width: w(200px);
        position: absolute;
        top: h(825px);
        left: w(326px);
    }
    .people{
        width: w(245px);
        position: absolute;
        top: h(746px);
        left: w(98px);
    }
}